<template>
<div>
    <h1>GitHub上的地址，https://github.com/vuejs/vuex</h1>
    <h1>vex是专门在Vue中实现集中式状态(状态就是数据)管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间的通信方式，且适用于任意组件的通信</h1>
    <h1>什么时候用vuex呢，1.多个组件依赖同一状态(数据)2.来自不同的组件行为需要变更同一状态</h1>
    <!-- 数据放到vuex里面，它不属于任何一个组件 -->

    <!-- vuex有个流程叫Actions，当你需要请求Ajax数据进行运算时你在这里进行Ajax请求，如果你已经明确知道了要用的值，可以跳过这一步直接进入Mutations -->
    <!-- vuex的流程，组件->actions->Mutations->state(然后这个数据提交给需要的组件)，后面三个都是vuex的组成部分，是对象，他们三个都被一个store管理 -->
<VuexCount></VuexCount>
</div>
</template>

<script>
import VuexCount from './components/VuexCount.vue'
export default {
    name:'App',
    components:{
        VuexCount
    },
    mounted(){
        // 上面会有你加的sotore
        //console.log(this,'App')
    }
}
</script>


<style>

</style>